<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>商品列表</title>
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/list.css">
  <!-- jQuery + axios -->
  <script src="../lib/jquery.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script src="../js/list.js" defer></script>
</head>
<body>
  <div class="header container">
    仿站电商 · 商品列表
    <p style="display: block;">
      <a href="./main.html">回到首页</a>
    </p>
  </div>
  
  <!-- ======= 删除了 “分类 / 筛选 / 折扣 / 排序” 那一块 ======= -->
  <!-- 这里只留下 搜索 一项(如有需要), 也可一并删除 -->
  <div class="filter container">
    <div class="cateBox" style="margin: 10px 0;">
      <p>搜索</p>
      <input type="text" class="search">
    </div>
  </div>
  
  <!-- 分页区域保持不变 -->
  <div class="pagination container">
    <span class="first disable">首页</span>
    <span class="prev disable">上一页</span>
    <p class="total">1 / 10</p>
    <span class="next">下一页</span>
    <span class="last">末页</span>
    <input type="number" class="jump" value="1">
    <button class="go">跳转</button>
    <select class="pagesize">
      <option value="12" selected>12</option>
      <option value="16">16</option>
      <option value="20">20</option>
      <option value="24">24</option>
    </select>
  </div>
  
  <!-- 商品列表 -->
  <ul class="list container">
    <!-- 如果没数据，可显示 no.png -->
  </ul>
  
  <div class="footer container">页面底部</div>
</body>
</html>
